<template>
	<div id="rec-video">
		<TopNav :tabitem="topnav" />
		<!-- 内容 -->
		<div class="video-content w">
			<transition name="el-fade-in-linear">
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
			</transition>
		</div>
	</div>
</template>

<script setup>
import { ref, onActivated } from 'vue';
import TopNav from "@/components/common/TopNav.vue";
  
const topnav = ref([
      {  name: "MV",    path: "/video/mv"},
      {  name: "视频",  path: "/video/video1" },
    ]);

    onActivated(() => {
      document.querySelector(".view").scrollTop = 0;
    });

   

</script>


<style lang="less" scoped>
.top-nav {
	display: flex;
	width: 100%;
	justify-content: center;
}
</style>
